<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8" />
		<title>图书管理系统</title>
	</head>
	<style type="text/css">
		/*全局设置*/
		
		* {
			margin: 0;
			padding: 0;
		}
		/*顶部栏*/
		
		.g-top {
			width: 100%;
			height: 75px;
			position: fixed;
			top: 0;
			background-color: grey;
			border-bottom: 1px solid black;
			box-shadow:4px 2px 6px  #000000;
		}
		/*中间内容*/
		
		.g-body {
			margin-top: 75px;
			width: 100%;
			min-height: 700px;
			background-image: url(/image/0.jpg);
		}
		/*脚部*/
		
		.g-foot {
			width: 100%;
			height: 70px;
			position: fixed;
			bottom: 0;
			background-color: white;
			opacity: 0.3;
		}
		/*脚部文字*/
		
		.u-btm {
			text-align: center;
			margin-top: 30px;
		}
		/*导航主题,列表，登录*/
		
		.u-title {
			width: 30%;
			float: left;
			margin-bottom: 16px;
		}
		
		.u-title> h1 {
			text-align: center;
			font-family: "book antiqua";
			font-size: 30px;
			margin-top: 20px;
		}
		
		.u-login {
			width: 20%;
			float: right;
			text-align: center;
			padding-top: 30px;
		}
		/*清除浮动*/
		
		.u-space {
			clear: both;
		}
		
		a {
			text-decoration: none;
			color: #000000;
		}
		/*表格*/
		.m-list {
			width: 500px;
			height: auto;
			text-align: center;
		}
		
		/*主体内容*/
		.u-text{
			display: block;
			padding-top: 50px;
		}
		
		/*块*/
		.u-div{
			width: 90%;
			height: 200px;
			background-color: #AFD9EE;
			margin-left: 5%;
			margin-bottom: 30px;
		}
		.u-div-image{
			width: 13%;
			height: 190px;
			background-color: #265A88;
			padding: 5px;
			float: left;
		}
		.u-div-text{
			width: 82%;
			height: 100%;
			float: left;
			/*background-color: #255625;*/
		}
		.t-head{
			width: 100%;
			height: 20%;
			border-bottom:1px solid #000000;
			/*background-color: #265A88;*/
		}
		.t-head > p,.t-head > a{
			float: left;
			margin-top: 6px;
			margin-left: 10px;
		}
		.t-text{
			width: 95%;
			height: 64%;
			padding: 10px;
			overflow: hidden;
		}
		
		input[type="submit"]{
			width: 80px;
			height: 25px;
			background-color: green;
			border: 1px solid black;
			border-radius: 4px;
			cursor: pointer;
		}
		input[type="submit"]:hover{
			color: white;
		}
	</style>

	<body>
		<div class="g-top">
			<div class="u-title">
				<h1>图书管理系统</h1>
			</div>
			<div class="u-login">
				<a href="/hou">登录后台</a>
			</div>
			<div class="u-space"></div>
		</div>

		<div class="g-body">
			<div class="u-text" style="text-align: center;">
				<form th:attr="action='/bringPost/'+${id}" method="post">
					学号：<input type="text" name="num" required="required"/>
					<br />
					<br />
					姓名：<input type="text" name="name" required="required"/>					
					<br />
					<br />
					班级：<input type="text" name="classes" required="required"/>
					<br />
					<br />
					<input type="submit" value="确认"/>
				</form>
			</div>
		</div>

		<div class="g-foot">
			<hr />
			<p class="u-btm">@2017西南科技大学网站设计布局样式</p>
		</div>
	</body>
    
    
</html>